<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @font-face {
            font-family: "flyinggroup";
            src: url('./font1/FZSJ-RYTJW.TTF');
        }

        @font-face {
            font-family: 'webfont';
            font-display: swap;
            src: url('./font2/webfont.eot');
            /* IE9 */
            src: url('webfont.eot?#iefix') format('embedded-opentype'),
                /* IE6-IE8 */
                url('webfont.woff2') format('woff2'), url('webfont.woff') format('woff'),
                /* chrome、firefox */
                url('./font2/webfont.ttf') format('truetype'),
                /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url('webfont.svg#webfont') format('svg');
            /* iOS 4.1- */
        }

        .font1 {
            font-size: 100px;
            font-family: 'flyinggroup';
        }

        .font2 {
            font-size: 100px;
            font-family: 'webfont';
        }
    </style>
</head>

<body>
    <h1 class="font1">风萧萧兮易水寒，壮士一去兮不复还</h1>
    <h1 class="font2">风萧萧兮易水寒，壮士一去兮不复还</h1>
</body>

</html>